
@import "./darkToggle.css";
/* style.css */
@unocss preflights;
@unocss default;



:root {
}
html,
body,
#__nuxt {
  height: 100vh;
  margin: 0;
  padding: 0;
}
html{
  background: #fff;
  @apply text-gray-7;
}
html.dark {
  background: #222;
  @apply text-gray-4;
}
@screen sm{
  :root {
    @apply text-sm;
  }
  .header{
    @apply text-xs;
  }
  .music{
    @apply text-xs;
  }
}

@screen md{
  :root {
    @apply text-base; 
  }
  .header{
    @apply text-xs;
  }
  .music {
    @apply text-xs;
  }
}

@screen lg{
  :root {
    @apply text-base;
  }
  .header{
    @apply text-xs;
  }
  .music {
    @apply text-xs;
  }
}

@screen xl{
  :root {
    @apply text-lg;
  }
  .header{
    @apply text-sm;
  }
  .music {
    @apply text-sm;
  }
}

@screen 2xl{
  :root{
    @apply text-lg;
  }
  .header{
    @apply text-sm;
  }
  .music {
    @apply text-sm;
  }
}
